<template>
    <div class="contion">
        <div class="initiate">
            <img src="../img/4.png" style="width:400px">
            <span style="color:#E32"><b>恭喜</b></span>
            <span style="font-size:18px">您的账号已可使用</span>
            <el-button>返回首页</el-button>
        </div>
    </div>
</template>

<script setup>
import {ref,onMounted} from "vue"
import {ElMessage} from 'element-plus'
import axios from 'axios'
import {useRouter} from 'vue-router'

const router = useRouter()

const countDown = ref(3);


onMounted(() => {
    const timer = setInterval(() => {
    countDown.value--;
    if (countDown.value === 0) {
        clearInterval(timer);
        router.push('/home');
    }
    }, 1000);
});

</script>

<style scoped>
.contion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.initiate{
    width: 400px;
    display: flex;
    flex-direction: column;
    font-size: 35px;
    margin-top: 200px;
    text-align: center;
}

.initiate button{
    width: 300px;
    height: 50px;
    background-color: #E44F32;
    color: #FFFFFF;
    border-radius: 10px;
    margin-left: 50px;
    margin-top: 30px;
}
</style>